<template>
    <div>
        <el-popover placement="left-end" :width="150" trigger="click" :visible-arrow="false" @show="show"   @hide="hide">
            <div slot="reference" class="result flex-center">
                <div class="flv-player-button" >
                    <img src="@/assets/images/wi.png"
                        style="width: 20px;height: 20px;cursor: pointer;margin-left: 20px;">
                </div>
            </div>
            <div slot="default" class="flv-player-popover">
                <jessibuca :url="url" ref="Jessibuca"></jessibuca>
            </div>

        </el-popover>
    </div>
</template>
<script>


import Jessibuca from "@/components/TZ/Jessibuca";

export default {
    name: "JessibucaBto",
    components: { Jessibuca },
    props: {
        url: {
            type: String,
            default: function () {
                return '';
            }
        },
        // par: {
        //     type: String,
        //     default: ""
        // }
    },
    data() {
        return {
            par: "rtsp://192.168.1.96:8554/s"
        };
    },
    mounted() {
        // this.par = "rtsp://192.168.1.96:8554/s"
    },
    unmounted() {

    },
    methods: {
        show(){
            // console.log("点击了:",this.url)
            this.$refs.Jessibuca.play();
        },
        hide(){
            this.$refs.Jessibuca.destroy();
        }
    },
};
</script>
